@media only screen and (max-width: 768px){
	aside { margin-top: 25px; }
	#content,
	#bubble-effect { margin-top: 50px !important; }
	.block-steps { width: 100% !important; }
	.steps,
	.step-arrow { 
		clear: both;
		text-align: center;
		width: 100% !important;
	}
	.step-arrow { margin: 10px 0 !important; }
}

html {
	height: 100%;
}

body {
	background: url('../images/bg.png') fixed repeat;
	padding-top: 0 !important;
}

*,a,p,strong,i,h1,h2,h3,h4,h5,h6 {
	font-family: 'Ubuntu';
}

a,
.transition-fast,
#form-feedback {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

a,.ui-widget-content a {
	color: #f26b35;
}

a:hover,.ui-widget-content a:hover {
	color: #C43800;
}

hr.dotted {
	margin: 15px 0 15px 0 !important;
	border-style: dashed;
}

[class^="icon-"] {
	width: 24px;
	text-align: center;
	display: inline-block;
}

[class^="title-doc-square"] {
	background-color: #e54c0f;
	height: 45px;
	float: left;
	margin-right: 5px;
}

.clear-both {
	clear: both;
}

.display-block {
	display: block;
}

.flexbox-center {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	display: -moz-box;
	-moz-box-align: center;
	-moz-box-pack: center;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	display: box;
	box-align: center;
	box-pack: center;
}

.ui-widget-header {
	text-shadow: none;
	font-weight: normal;
}
.ui-editor {
	background: #FFF;
	width: 100% !important;
}
.ui-paginator-top {
	display: none;
}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{
	color: #f0591d;
}
.ui-paginator-rpp-options {
	width: 100px;
}
.ui-widget-header {
	border: 1px solid #C43800;
	background: #f0591d;
}
.ui-datatable table {
	margin-bottom: 0;
}
.ui-datatable tr:hover {
	background: #EEE;
}
.ui-datatable td .ui-button {
	margin: 0;
}
.ui-datagrid-content,
.ui-datagrid-content table,
.ui-datagrid-row {
	border: none;
	background: transparent !important;
}
.ui-growl-item-container.ui-state-highlight {
	border: transparent !important;
	background: #f26b35 !important;
	color: #FFF !important;
}

input[type="text"].ui-state-error:focus,.ui-button:hover,.ui-inputtextarea,.ui-datepicker-header
	{
	color: #333;
}

input[type="text"].ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error
	{
	color: #FFF;
}

form select,input[type="file"],.ui-selectonemenu,.ui-inputtextarea,.ui-autocomplete-multiple
	{
	display: block;
	margin-bottom: 10px;
}

.ui-autocomplete-multiple input[type="text"] {
	margin: 0;
	padding: 4px;
	height: auto;
}

.ui-icon-triangle-1-s {
	background-position: -68px -16px;
}

/* Header */
.top-bar { margin-bottom: 0 !important; }
.top-bar .title-area img { 
	height: 35px;
	margin-top: 5px;
} 

#header-nav {
	margin-top: 30px;
}

#header-link-home {
	margin-right: 15px;
}

#header-link-home a {
	font-size: 20px;
	padding: 4.5px;
	margin-bottom: 0;
}

#header-link-home a i {
	width: 24px;
}

#header-logo img {
	width: 225px;
}

#header-user {
	border-left: #DDD 1px solid;
	margin: 0 0 10px 10px;
	height: 85px;
}

#header-user a.img-button {
	margin: 0 0 0 10px;
	padding: 5px;
}

#header-user-arrow {
	font-size: 30px;
	height: 20px;
	line-height: 15px;
}

#header-user-pic {
	width: 45px;
	height: 50px;
	display: block;
	background-color: #f5f5f5;
}

#login-register {
	margin: 10px 0 0 10px;
}

#login-register a {
	display: block;
	margin-bottom: 5px;
}

#select-language {
	float: right;
	clear: right;
	margin-left: 5px;
}

#select-language img {
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
}

#form-search {
	margin: 0 7px 5px 0;
}

#form-search input {
	width: 145px;
	margin: 0;
}

#form-search input:focus {
	width: 270px;
	margin-right: 25px;
}

[id^="form-search-"] {
	float: right;
	margin: 0;
}

[id^="form-search-"] .row {
	width: 300px;
}

/* Body */
#slideshow-index { color: #F5F5F5; }
#slideshow-index i { 
	float: left;
	font-size: 180px;
}
#slideshow-index div { 
	float: left;
	margin: 10px 0 0 200px;
}
#slideshow-index h1,
#slideshow-index h2,
#slideshow-index h3 {
	margin: 0;
	color: #F5F5F5 !important;
}

.reveal-modal h3 [class^="icon-"] {
	width: 42px;
}

.hide-form-feedback {
	left: -300px !important;
}

.hide-form-feedback .title {
	background-color: #e54c0f !important;
}

#form-feedback {
	position: fixed;
	width: 300px;
	top: 30%;
	left: 0;
	background: #C43800;
	z-index: 1;
}

#form-feedback .title {
	position: absolute;
	top: 33px;
	left: 267px;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #F5F5F5;
	background-color: #C43800;
	cursor: pointer;
	z-index: 999;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

#form-feedback .title:hover {
	background-color: #C43800 !important;
}

#form-feedback form {
	padding: 10px 10px 0;
}

#form-feedback form button {
	margin: 0;
}

#home-banner {
	text-align: center;
	height: 150px;
	-webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
	background: #ff3019;
	background:
		url();
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019),
		color-stop(100%, #cf0404));
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ff3019',
		endColorstr='#cf0404', GradientType=0);
}

#home-banner h1 {
	color: #F5F5F5;
}

.block-steps {
	width: 770px; 
	margin: 0 auto;
}
.steps {
	width: 215px;
	text-align: center;
	float: left;
}
.steps:hover {
	color: #C60F13 !important;
}
.steps div {
	font-size: 120px;
	width: auto;
}
.steps h5 {
	margin: 0;
	padding: 0;
}
.step-arrow {
	float: left;
	font-size: 70px;
	margin-top: 30px;
}

#page-index #content {
	background: none;
	border: none;
	box-shadow: none;
}

#page-index #header-logo img {
	width: 275px;
}

#page-index header hr,#page-index aside {
	display: none;
}

#page-profile h3.title {
	float: none !important;
}

#page-profile .user-info p {
	margin-bottom: 5px;
}

#page-document #doc { margin-top: 20px; }
#page-document #doc-zoom {
	float: right;
	font-size: 20px;
	margin-bottom: 10px;
	width: 100%;
} 

#page-plans #plans { 
	margin: 0 auto;
	max-width: 620px;
}
#page-plans .pricing-table { 
	float: left; 
	margin: 5px;
	width: 300px;
}
#page-plans .pricing-table .description { font-size: 14px !important; }

#content {
	
}

#content h3.title {
	float: left;
	margin: 0;
}

#content div[id^="doc"] h4 {
	margin: 20px 0 5px 0 !important;
}

#content div[id^="doc"] hr {
	margin: 5px 0 5px 0;
}

#doc iframe {
	border: none;
	width: 100%;
	height: 600px;
}

#doc-score {
	float: left;
	margin-right: 15px;
	text-align: center;
	min-width: 50px;
}

#doc-score h2 {
	margin: 0;
}

#doc-score a {
	font-size: 60px;
	line-height: 40px;
	width: auto;
}

#doc-feedbacks {
	clear: both;
}

#doc-description {
	margin-top: 10px;
}

#doc-description hr {
	clear: none;
}

.docs .doc hr {
	margin: 10px 0;
}

.docs .doc-info,.docs .doc-tags {
	margin-top: 10px;
}

.docs .doc-info {
	float: right;
}

.docs .doc-info div {
	margin-right: 5px;
}

.docs .doc-tags {
	float: left;
}

.docs .doc-tags a {
	color: #FFF;
}

.docs .doc-details {
	padding-top: 5px;
}

.docs .doc-title {
	display: block;
	font-weight: bold;
	font-size: 130%;
}

.docs .panel {
	float: left;
	margin-right: 10px;
	padding: 5px 10px;
}

.docs .panel div {
	display: block;
	color: #FFF;
	font-size: 130%;
	padding: 5px 0px;
}

.docs .panel div span {
	padding-left: 5px;
}

.users {
	margin-bottom: 15px;
}

.users .ui-datagrid-column {
	vertical-align: baseline;
}

.users .user {
	margin-bottom: 20px;
}

.users .user img {
	float: left;
	margin-right: 5px;
	width: 60px;
}

.users .user-details div {
	display: block;
}

.users .ui-datagrid-column {
	width: 33.333%;
}

.users .ui-panel img {
	width: 80px;
	height: 80px;
}

.users [class*="column"]+[class*="column"]:last-child {
	float: none !important;
}

#dlg-login .login-with {
	margin-left: 90px;
}

#dlg-register .login-with {
	margin-left: 120px;
}

.login-with {
	display: inline;
	float: left;
	margin-top: -26px;
}

.login-with.button {
	float: left;
	margin-left: 30px !important;
	margin-top: -30px !important;
}

.login-with img,.login-with img {
	width: 48px;
	padding: 0 5px;
}

#dlg-upload-doc h3 span {
	margin-right: 10px;
}

#upload-doc-info {
	margin-top: 20px;
}

#upload-doc-info span {
	font-size: 80%;
	font-weight: normal;
}

/* Sidebar */
aside div[id^="sidebar-"] hr {
	margin: 5px 0 5px 0;
}

div[id^="sidebar-"].callout,div[id^="sidebar-"].callout a {
	color: #F5F5F5 !important;
}

#sidebar-docs-statistics div h3 {
	margin: 5px 0 0 0;
	color: #F5F5F5;
	text-align: right;
}

#sidebar-docs-statistics div strong {
	margin-bottom: 10px;
	display: block;
	text-align: right;
}

#sidebar-user-info a {
	display: block;
	text-align: center;
}

#sidebar-user-info img {
	width: 100px;
	margin: 5px 0;
}

#sidebar-user-name {
	display: block;
}

#sidebar-related-docs ul,
#sidebar-tags ul {
	list-style: none;
}

/* Footer */
footer {
	max-width: 100% !important;
	height: 50px;
	margin-top: 25px !important;
	border-top: #222 5px solid;
	background-color: #e54c0f;
}

footer div,footer a,#sidebar-user-info a {
	color: #F5F5F5 !important;
}

footer a:hover,#sidebar-user-info a:hover {
	color: #333 !important;
}

#footer-copyright,#footer-nav {
	margin-top: 15px;
}

#footer-social {
	float: right;
	margin: 3px 0 0 15px;
}

#footer-social img {
	width: 36px;
}

/* ADMIN */
#admin-login {
	text-align: center;
}

#admin-login img {
	margin-bottom: 20px;
}

#admin-login form input {
	font-size: 120%;
}

#admin-content table {
	width: 100%;
}

#admin-content table tbody tr:hover {
	background-color: #EEE;
}